$(function () {
    $('#loginBox a').on('click', function () {
        $('#regBox').show()
        $('#loginBox').hide()

    })
    $('#regBox a').on('click', function () {
        $('#regBox').hide()
        $('#loginBox').show()
    })
}) 

// 定义校验规则

let  form  =layui.form
// 定义检验规则,使用的是 form.verify()
form.verify({
    // 属性是校验名称,值是校验规则
    // 值有两种类型,函数和数组
    username :[
        /^[a-zA-Z0-9]{1,10}$/,
        '用户名必须1到10位数字和字母'
    ],
    pwd: [
        /^[a-zA-Z0-9]{6,12}$/,
        '密码必须6到12为数字和字母'
    ],
    // 确定密码
    rePwd: function (value) {
        // value就是你给那个标签添加这个校验规则
        let pwd =$('#regBox input[name=password]').val()
        if(pwd !== value) {
            return '两次密码不一样'
        }
    }
});
// 需求3
$('#formReg').on('submit', function (e) {
    e.preventDefault();
    axios({
        method: 'POST',
        url:'/api/reguser',
        data: $(this).serialize()
    }).then(res => {
        if(res.data.status !=0) {
        return layer.msg(res.data.message);
        }
        // 成功后
        layer.msg('注册成功')
        $('#regBox a').click()
        $('#formReg')[0].reset()
    } )

})

// 登录功能
$('#formLogin').on('submit',function (e) {
    e.preventDefault()
    axios({
        method:'POST',
        url:'/api/login',
        data:$(this).serialize()

    }).then(res => {
        if(res.data.status !==0) {
            return layer.msg(res.data.message)
        }
        layer.msg('登录成功')
        localStorage.setItem('token',res.data.token)
        location.href ='/index.html'
    })
})